import React, { Component } from "react";
import img404 from '@assets/error/img404.png'
import btn1 from '@assets/error/btn1.png'
import btn2 from '@assets/error/btn2.png'
import '@page/common/css/commheader.css'
import urlHook from '@page/common/utils/urlHook'


const wrapperStyle={
    width: 1200,
    margin: '60px auto 0',
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    flexDirection: "column"
}

export default function NotFound(props) {

    return (
        <div style={{margin:'0 auto'}}>
            <div
                style={wrapperStyle}>
                <img src={img404} alt="" style={{width:500,height:651/954*500}}/>
                <div style={{marginTop:30}}>
                    <p style={{color:'#CA9917',fontSize:'16px',fontFamily:'hzgb',fontWeight:'bold'}}>你访问的页面不存在~</p>
                </div>
                <div style={{marginTop:20,marginBottom:60,display: "flex",flexDirection:'row'}}>
                    <div
                        onClick={()=>{
                            $state.go({
                                stateName: "/HelpCenter"
                            });
                            //window.open(urlHook.helpCenter)
                        }}
                        className={'err404-btn-one'}>
                        <img src={btn1}   className={'err404-btn-img'}/>
                        <div className={'err404-btn-content'}>
                            <p className={'err404-btn-p1'}>帮助中心</p>
                        </div>
                    </div>
                    <div style={{width:20}}/>
                    <div
                        onClick={()=>{
                            $state.go({
                                stateName: "/"
                            })
                        }}
                        className={'err404-btn-one'}>
                        <img src={btn2}   className={'err404-btn-img'}/>
                        <div className={'err404-btn-content'}>
                            <p className={'err404-btn-p2'}>首页</p>
                        </div>
                    </div>
                </div>

            </div>
            <div className={'app-footer-top-line'}></div>
        </div>

    )
}


